<!DOCTYPE html>
<html>
  <head>
    <title>我的</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/base.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/component.css">
    <style type="text/css">
        .xyg-opacity1{opacity: 0.7;filter: alpha(opacity=70);}
	 .border-right1{border-right:1px solid #999999;}
     .xyg-comp-banner1{width:100%; height:auto; position:relative;}
	 .xyg-comp-citySearch{width:660px; height:30px; padding:23px 10px 23px 30px; border-radius:38px; margin:0px 30px; background:#ffffff; position:absolute; left:0px; top:10px; z-index:99;}
	 .xyg-comp-citySearch .xyg-comp-citySearch-city{width:120px; margin-right:14px; padding-right:6px; text-align:center; height:30px; line-height:30px; float:left;}
	 .xyg-comp-citySearch .xyg-comp-citySearch-search{width:450px; height:30px; line-height:30px; float:left;}
	 .xyg-comp-citySearch .xyg-comp-citySearch-btn{width:50px; height:30px; line-height:30px; float:left;}
	 .xyg-comp-citySearch .xyg-comp-citySearch-btn img{width:30px; height:30px; margin:0px auto;}
	 .icon1{width: 10px; height: 10px;vertical-align: -0.15em;overflow: hidden;}
	 .icon2{width: 34px; height: 34px;vertical-align: -0.15em;overflow: hidden;}
	 .xyg-comp-notice2{width:94%; padding:25px 3%; height:80px;border:0px;}
	 .xyg-comp-notice2 .xyg-comp-notice2-img{width:14%; height:100%;float:left; margin:0px auto;}
	 .xyg-comp-notice2 .xyg-comp-notice2-img img{width:80px; height:100%; float:left; margin:0px auto;}
	 .xyg-comp-notice2 .xyg-comp-notice2-content{width:83%; margin-left:2%; height:100%; float:left;}
	 .xyg-comp-notice2 .xyg-comp-notice2-content .xyg-comp-notice2-content-title{ margin-bottom:20px;}
	 .xyg-comp-title1{width:94%; padding:20px 3%;}
	 .xyg-comp-pic1{width:94%; padding:0px 3% 10px 3%;}
	 .xyg-comp-pic1 img{width:100%;height:auto;}
	 .xyg-comp-lie5{width:94%; padding:20px 3%;}
	 .xyg-comp-lie5 .xyg-comp-item{width:20%; float:left; height:auto;}
	 .xyg-comp-lie5 .xyg-comp-item img{width:auto; height:60px; }
	 .xyg-comp-lie5 .xyg-comp-item .xyg-comp-item-title{width:100%;height:30px; margin-top:5px;}
	
	.xyg-menu{width:94%;height:auto; margin:0.5rem 3%;}
	.xyg-menu .xyg-menu-item{width:25%; height:auto; float:left; margin-top: 0.2rem;}
	.xyg-menu .xyg-menu-item .xyg-menu-item-pic{width:100%; height:4.2rem;text-align:center;}
	.xyg-menu .xyg-menu-item .xyg-menu-item-pic img{width:auto; height:4.2rem; max-width:100%; margin:0.2rem auto;}
	.xyg-menu .xyg-menu-item .xyg-menu-item-title{width:100%; height:2.5rem; text-align:center; line-height:2.5rem; font-size:28px; color:#4a4f5a; letter-spacing:0.1rem;}
		
	.xyg-line1{width:100%; height:0.3rem; background:#f8f8f8;}
		.tj-bg1{background: #F43E31;}
		.tj-bg2{background: #FED634;}
		.tj-bg3{background: #037B8F;}
		.tj-bg4{background: #34BC98;}
		/*********二个个左右滑动组件开始********/
.xyg-rmxf-slider{
	width:94%;
	height:auto;
	margin:0rem 3%;
	margin-bottom: 0.4rem;
}
.xyg-rmxf-slider .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 70%;
}

.xyg-rmxf-slider .xyg-rmxf-slider-item{
	width:100%;
	height:12rem;
	margin: 0.5rem 0px;
	border:1px solid #EDEDF0;
	border-radius:1rem;
	position: relative;
}
.xyg-rmxf-slider .xyg-rmxf-slider-item img{
	width:100%;
	height:100%;
	border-radius:1rem;
}
.xyg-rmxf-slider-item-tag{
 position: absolute; top: 0px; left: 0px;border-radius:1rem 0px 1rem 0px; padding: 0.3rem 1rem; color: #ffffff;font-size: 32px; font-weight: bold;	
}
.xyg-rmxf-slider-item-content{
 position: absolute; bottom:1rem;left:0.2rem;
}	
.xyg-rmxf-slider-item-title{
	text-align:left; line-height: 2rem;
font-size:34px; font-weight: bold;letter-spacing: 0.1rem;color: #ffffff;
}
.xyg-rmxf-slider-item-desc{
	line-height:1rem;
 font-size:24px;color: #4a4f5a;text-align: left;
}
/*********二个左右滑动组件结束********/
    </style>
  </head>
  <body>
  <!--轮播图带搜索框-->
  <div class="xyg-comp-banner1">
      <#if mobBannerList??&&(mobBannerList?size gt 0)>
      <div class="xyg-comp-banner swiper-container">
         <div class="swiper-wrapper">
             <#list mobBannerList as mobBanner>
                 <#if mobBanner.url?? && mobBanner.url!="">
                 <div onClick="goBannerUrl('${banner.url}','${memberId}')" class="swiper-slide"><img src="${mobBanner.image}" /></div>
                 <#else>
                     <div class="swiper-slide"><img src="${mobBanner.image}" /></div>
                 </#if>
             </#list>
         </div>
       </div>
      </#if>
   	   <div class="xyg-comp-citySearch xyg-opacity1">
       	<div class="xyg-comp-citySearch-city font-base1-size-bold border-right1">
        ${currentCity.name}<span><svg class="icon1" aria-hidden="true"><use xlink:href="#iconsanjiaoxing"></use></svg></span>
        </div>
        <div class="xyg-comp-citySearch-search">
        	<input type="text" class="xyg-comp-input-noborder font-base1-size" placeholder="从这里搜索楼盘、拿佣金"/>
        </div>
        <div class="xyg-comp-citySearch-btn">
        	<img src="${s.base}/mobile/images/icon_search.png"/>
        </div>
        <div class="clearBoth"></div>
       </div>
   </div>
   <!--轮播图带搜索框-->
  <#if mobBannerList??&&(mobBannerList?size gt 0)>
   <!--导航开始-->
      <div class="xyg-menu">
          <#list mobIconList as mobIcon>
           <div class="xyg-menu-item">
               <a href="${mobIcon.url}">
                <div class="xyg-menu-item-pic">
                    <img src="${mobIcon.image}"/>
                </div>
                <div class="xyg-menu-item-title">
                    ${mobIcon.name}
                </div>
               </a>
            </div>
          </#list>
        <div class="clearBoth"></div>
      </div>
      <!--导航结束-->
  </#if>
      <div class="xyg-line1"></div>
      <!--票卷排行-->
   <div class="xyg-comp-title1 font-base3-size-bold">
     票卷排行
   </div>
   <div class="xyg-rmxf-slider swiper-container">
     <div class="swiper-wrapper" id="rankShowContent">

    </div>
  </div>
   <div class="xyg-line1"></div>
   <div class="xyg-comp-pic1">
   	<img src="${s.base}/mobile/images/temp/pic_1.png"/>
   </div>
   <div class="xyg-line1"></div>
    <!--热点推荐-->
   <div class="xyg-comp-title1 font-base3-size-bold">
     热点推荐
   </div>
   
   <style type="text/css">
   	.xyg-comp-content1{width:94%; padding:0px 3% 1rem 3%; height:auto;}
	.xyg-comp-content1 .xyg-comp-item{width:100%; height:auto; padding:20px 0px;}
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-left{width:40%; height:auto; float:left;}
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-left .xyg-comp-item-img{width:100%; height:210px; position:relative; border-radius:5px;}
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-left .xyg-comp-item-img img{width:100%; height:100%;border-radius:5px;}
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-left .xyg-comp-item-img .xyg-comp-item-img-title{width:auto; height:30px; line-height:30px; padding:5px 20px; position:absolute; left:0px; top:0px; background:#34BC98;border-radius:5px;}
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-right{width:56%; padding-left:4%; height:auto; float:left;}
	   .xyg-comp-content1 .xyg-comp-item .xyg-comp-item-right .xyg-comp-item-name{width:100%; height:100px; }
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-right .xyg-comp-item-param{width:100%;height:auto; margin:10px 0px;}
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-right .xyg-comp-item-tag{width:100%;height:auto; margin-top:20px;}
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-right .xyg-comp-item-tag .xyg-comp-item-tag-title{width:auto;height:1.2rem;line-height:1.2rem; font-size: 20px; color: #999999; background: #f6f7fb; padding: 5px 0.4rem;float: left;margin-right: 0.4rem;border-radius: 0.5rem;
    letter-spacing: 1px;}
	.xyg-comp-content1 .xyg-comp-item .xyg-comp-item-right .xyg-comp-item-price{width:100%;height:auto; margin-top:20px;}
   </style>
   <div class="xyg-comp-content1">
   
   	<!--<div class="xyg-comp-item borderBottom">
   		<div class="xyg-comp-item-left">
        <div class="xyg-comp-item-img">
         <div class="xyg-comp-item-img-title font-base5-size color2 xyg-opacity1">
         庐阳区
         </div>
         <img src="${s.base}/mobile/images/temp/pic_2.png"/>
        </div>
         
        </div>
        <div class="xyg-comp-item-right">
        	<div class="xyg-comp-item-name font-base4-size color3">芜湖海洋公园</div>
            
            <div class="xyg-comp-item-tag">
            	<div class="xyg-comp-item-tag-title">亲子活动</div>  
            	<div class="xyg-comp-item-tag-title">儿童乐园</div>  
            	<div class="xyg-comp-item-tag-title">免费停车</div> 
                <div class="clearBoth"></div>                    
            </div>
            <div class="xyg-comp-item-price font-base1-size color4">
            	￥<span class="font-base3-size-bold color4">120</span>&nbsp;&nbsp;<del class="color1">￥200</del>
            </div>
           
        </div>
        <div class="clearBoth"></div>                    
   	</div>-->

   </div>
   <!--热点楼盘-->
   
   <!--底部菜单开始-->
  <div style="width:100%; height:98px;"></div>
     <div class="xyg-comp-bottom3">
        	<div class="xyg-comp-bottom-item">
        	<a href="javascript:goIndex('${memberId}','${currentCity.id}')">
        		<img src="${s.base}/mobile/images/icon_menu_1_a.png"/>
        		<div class="xyg-comp-bottom-item-text select-text">首页</div>
				</a>
        	</div>
        	<div class="xyg-comp-bottom-item">
        	<a href="${s.base}/mobile/courser.html">
        		<img src="${s.base}/mobile/images/icon_menu_2.png"/>
        		<div class="xyg-comp-bottom-item-text">推荐</div>
				</a>
        	</div>
        	<div class="xyg-comp-bottom-item">
        		<a href="javascript:goMy('${memberId}')">
        		<img src="${s.base}/mobile/images/icon_menu_3.png"/>
        		<div class="xyg-comp-bottom-item-text">我的</div>
        		</a>
        	</div>
        	<div class="clearBoth"></div>
        </div>
    <!--底部菜单结束-->
   
  </body>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/js/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/js/jquery-weui.js"></script>
  <script src="${s.base}/mobile/js/swiper.js"></script>
  <script src="${s.base}/mobile/fonts/iconfont.js"></script>
  <script src="${s.base}/mobile/js/component.js"></script>
  <script src="${s.base}/mobile/js/base.js"></script>
  <script type="text/javascript">
  	initXygDpi();
    var memberId='${memberId}';
    var cityId = '${currentCity.id}';
	$(document).ready(function(e) {
		initDate();
        $(document.body).infinite().on("infinite", function () {
            initTicket();
        });
        initTicket();
    });
	function initDate(){
		$.fn.initXygCompBanner("",".xyg-comp-banner-swiper1",417);
        initRank();
    }
	
	function initRank() {
        $.fn.postMethodAll("/weChat/rank",{'cityId':cityId},function (result) {
            if (result.data != null && result.data.length > 0) {
                var num=0;
                $("#rankShowContent").html("");
                result.data.forEach(function (item,key,mapObj) {
                    var n=0;
                    num++;
                    if(num>3){
                        n=4;
                    }else{
                        n=num;
                    }
                    $("#rankShowContent").append('<div onclick="goItem(\''+memberId+'\',\''+item.id+'\')" class="swiper-slide">'+
                        '<div class="xyg-rmxf-slider-item">'+
                        '<img src="'+item.thumImage+'" style="width: 100%; height: 100%;"/>'+
                        '<div class="xyg-rmxf-slider-item-tag tj-bg'+n+'">Top'+num+'</div>'+
                        '<div class="xyg-rmxf-slider-item-content">'+
                        '<div class="xyg-rmxf-slider-item-title font-grade-one">'+item.name+'</div></div></div></div>');
                });
                $(".xyg-rmxf-slider").swiper({
                    slidesPerView: 'auto',
                    spaceBetween: 20,
                });
            }
        });
    }
    var pageNum = 0;
    var pageSize = 2;
    var loading = false;  //状态标记
    function initTicket() {
        if (loading) return;
        loading = true;
        pageNum++;
        $.fn.postMethodAll("/weChat/ticketProductPage",{'pageNum':pageNum,'pageSize':pageSize,'cityId':cityId},function (result) {
            if (result.data != null && result.data.length > 0) {
                result.data.forEach(function (item,key,mapObj) {
                    var str='<div class="xyg-comp-item borderBottom" onclick="goItem(\''+memberId+'\',\''+item.id+'\')">'+
                        '<div class="xyg-comp-item-left">'+
                        '<div class="xyg-comp-item-img">'+
                        '<div class="xyg-comp-item-img-title font-base5-size color2">'+item.areaName+'</div>'+
                        '<img src="'+item.thumImage+'"/>'+
                        '</div></div>'+
                        '<div class="xyg-comp-item-right">'+
                        '<div class="xyg-comp-item-name font-base4-size color3 font-grade-two">'+item.name+'</div>'+
                        '<div class="xyg-comp-item-tag">';
                        var tags=item.tags;
                        var tagContent="";
                        if(tags!=null&&tags!=null){
                            var tagList=tags.split(",");
                            for(var i=0;i<tagList.length;i++){
                                tagContent+='<div class="xyg-comp-item-tag-title">'+tagList[i]+'</div>';
                            }
                        }
                    str+=tagContent+'<div class="clearBoth"></div>'+
                        '</div>'+
                        '<div class="xyg-comp-item-price font-base1-size color4">'+
                        '￥<span class="font-base3-size-bold color4">'+item.currentPrice+'</span>&nbsp;&nbsp;<del class="color1">￥'+item.costPrice+'</del>'+
                        '</div></div><div class="clearBoth"></div></div>';
                    $(".xyg-comp-content1").append(str);
                });
                loading = false;
                if (!result.hasNextPage) {
                    $(document.body).destroyInfinite();
                }
            } else {
                loading = false;
                $(document.body).destroyInfinite();
            }
            if(result.count<=0){
                $(".xyg-comp-content1").html('<div style="width: 100%; height: auto; line-height: 50px; text-align: center; margin-top: 150px; color: #0A0A0A; font-size: 32px;">'+
                    '<img src="${s.base}/mobile/base/images/no.png" style="width: 350px; height: auto; margin: 10px auto;"/>'+
                    '暂无数据</div>');
            }
        });
    }
  </script>
  
</html>

